Hey, just noting I'm working on this page for the moment, to fix a few spacing, lineheight aspects, and upload new versions of the videos that do not feature intro text.

Okay, according to feedback starting here, and here, I've:

• Updated the lineheight of the italic text
• Adjusted spacings, paddings, to better collapse items on mobile (see screenshot above)
• Uploaded versions of the videos without an intro

I'm seeing text-wrap: pretty correctly applied:

However for some reason I'm still seeing this typographic widow here:

Line height definitely looks better 👍🏻

I'm also correctly seeing "pretty" work in Chrome, are you on Firefox for that screenshot? Firefox does not support pretty. It's also a browser-dependent algorithm for longer blocks of text, so perhaps it's not detecting the right place on this short line?

It also looks like the group blocks are missing some padding in Firefox:

This same visual happens when you click play in Chrome, the group height shrinks:

Should the pink video (block bindings) have been updated too? it still has the intro text.

Ah, I think the size change issue is due to the poster image being a different aspect ratio than the video itself — an image 1200 × 675 would be better, to prevent that resize jump.

I've adjusted the padding on the yellow & pink text columns and that fixes the spacing issue, and doesn't introduce too much extra spacing on small screens.

On small screens on Chrome, there is extra space due to the square poster image, if that can be updated, FF & Chrome should match.

Firefox	Chrome

I'm also correctly seeing "pretty" work in Chrome, are you on Firefox for that screenshot? Firefox does not support pretty. It's also a browser-dependent algorithm for longer blocks of text, so perhaps it's not detecting the right place on this short line?

Yeah it looks like any shortcomings here are beyond our control. Thank you for looking.

Taking a stab at the rest of your feedback now.

Excellent notes on Firefox. For now I've saved a change that adds a custom CSS class, has-1-1-aspect-ratio, to each video block. Combined with this custom CSS (can you add this?) it works for me in Firefox:

.has-1-1-aspect-ratio video {
    aspect-ratio: 1/1;
}

I'll take a look at the video files intro piece now!

Okay, the intro text from the purple video is gone. I uploaded the wrong file yesterday. Long day!

As a final note, if we add the custom CSS mentioned here, it should also fix the differential you're seeing in the mobile view, and make FF/Chrome match:

I think that addresses all of it. Thanks for your help and feedback.

Combined with this custom CSS (can you add this?) it works for me in Firefox:

Can we fix this without custom CSS? is this a gutenberg bug?

It's not a bug, it's just that the video block does not support the aspect ratio control. It should, and I'll open an issue. If it did, we could fix it.

Opened an issue here: WordPress/gutenberg#66933

@jasmussen The aspect-ratio CSS cuts off the video once it's playing, is that okay? It seems strange especially on this video, since the sidebar is fully cut off.

I'm going to merge this without the CSS change, to avoid the cut-off videos. We can always iterate on this after it's live. I still think it would make more sense to update the poster image with the correct video aspect-ratio (or re-render the videos as squares, but I imagine that's a bigger task).

Hmm that's curious indeed.

Yes, I'll circle back to this, I may need to apply the aspect ratio to a containing group instead of the video block directly. Thank you for the help so far!

I've added the homepage update (#507) & updated the release page to use the page content pattern instead of the in-progress pattern, once 6.7 is out I'll merge & deploy this.